﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Booking.aspx.cs" Inherits="TireService.Website.Booking" %>

<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <div>
        <img src="../Images/CVI/brevpapir_top.gif" /><br />
        <h2>Velkommen til booking af hjulskift</h2>
        <asp:UpdatePanel ID="upBooking" runat="server">
            <ContentTemplate>
                <asp:Label ID="lblStep1" runat="server" Text="Trin 1" Font-Bold="true"></asp:Label> -> <asp:Label ID="lblStep2" runat="server" Text="Trin 2"></asp:Label> -> <asp:Label ID="lblStep3" runat="server" Text="Trin 3"></asp:Label> -> <asp:Label ID="lblStep4" runat="server" Text="Trin 4"></asp:Label>
                <hr style="width:593px; text-align:left" />
                <asp:Panel ID="pContactInfo" runat="server">
                    <b>Indtast kontakt informationer</b><br />
                    <br />
                    Navn: 
                    <dx:ASPxTextBox ID="txtName" runat="server" Width="170px">
                        <ValidationSettings ValidationGroup="Step1" RequiredField-IsRequired="true" RequiredField-ErrorText="Navn skal udfyldes" ErrorDisplayMode="ImageWithTooltip"></ValidationSettings>
                    </dx:ASPxTextBox>
                    Email: 
                    <dx:ASPxTextBox ID="txtEmail" runat="server" Width="170px">
                        <ValidationSettings RegularExpression-ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorDisplayMode="ImageWithTooltip"  RegularExpression-ErrorText="Email ikke gyldig" RequiredField-IsRequired="true" RequiredField-ErrorText="Venligst udfyld email adresse" ValidationGroup="Step1"></ValidationSettings>
                    </dx:ASPxTextBox>
                    Bil registreringsnr:
                    <dx:ASPxTextBox ID="txtRegistrationNumber" runat="server" Width="170px">
                        <ValidationSettings ValidationGroup="Step1" RequiredField-IsRequired="true" RequiredField-ErrorText="Udfyld registreringsnummer (Nummerplade)" RegularExpression-ValidationExpression="[a-zA-Z0-9]{7}" RegularExpression-ErrorText="Registrerings nr. ikke gyldigt - skal være i format AG12345" ErrorDisplayMode="ImageWithTooltip" />
                    </dx:ASPxTextBox>
                    <hr style="width:593px; text-align:left" />
                    <table width="200px">
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnNext1" runat="server" Text="Næste" ValidationGroup="Step1" 
                                    onclick="btnNext1_Click">
                                </dx:ASPxButton>        
                            </td>
                        </tr>
                    </table>
                    <br />
                </asp:Panel>
                <asp:Panel ID="pDate" runat="server" Visible="false">
                    Hjulskift vil blive foretaget på adressen: <br />
                    <br />
                    <b>Sundkrogsgade 4, 2100 København<br />
                    Du skal holde på parkeringspladsen overfor Marina Park</b><br />
                    <i>Vi har de hjul med der skal sættes på. Har du selv ekstra hjulbolte eller hjulkapsler bedes du<br />
                    medbringe disse og ligge dem under bilen.<br /> 
                    Du behøves ikke at være tilstede ved hjulskiftet og vi behøver ikke din bilnøgle.</i>



                    <br />
                    <br />
                    Vælg dato og klik videre for at vælge tidspunkt<br />
                    <dx:ASPxRadioButtonList ID="rbtnDate" runat="server">
                        <Items>
                            <%--<dx:ListEditItem Value="25-10-2011" Text="25-10-2011" />
                            <dx:ListEditItem Value="28-10-2011" Text="28-10-2011" />
                            <dx:ListEditItem Value="01-11-2011" Text="01-11-2011" />
                            <dx:ListEditItem Value="08-11-2011" Text="08-11-2011" />
                            <dx:ListEditItem Value="15-11-2011" Text="15-11-2011" />
                            <dx:ListEditItem Value="0" Text="Jeg kan ingen af dato'erne" />--%>
                        </Items>
                        <ValidationSettings ValidationGroup="Step2" RequiredField-IsRequired="true" RequiredField-ErrorText="Venligst vælg dato"></ValidationSettings> 
                    </dx:ASPxRadioButtonList>
                    <hr style="width:593px; text-align:left" />
                    <table width="200px">
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnPrevious1" runat="server" Text="Forrige" 
                                    onclick="btnPrevious1_Click">
                                </dx:ASPxButton>
                            </td>
                            <td align="right">
                                <dx:ASPxButton ID="btnNext2" runat="server" Text="Næste" ValidationGroup="Step2" 
                                    onclick="btnNext2_Click">
                                </dx:ASPxButton>        
                            </td>
                        </tr>
                    </table>
                    <br />
                </asp:Panel>

                <asp:Panel ID="pTimeslot" runat="server" Visible="false">
                    Vælg tidspunkt:
                    <dx:ASPxRadioButtonList ID="rbtnTimeslot" runat="server">
                        <Items>
                            <%--<dx:ListEditItem Value="0" Text="Jeg kan i alle tidsrum" />
                            <dx:ListEditItem Value="1" Text="8.00-10.00" />
                            <dx:ListEditItem Value="2" Text="10.00-12.00" />
                            <dx:ListEditItem Value="3" Text="12.00-14.00" />
                            <dx:ListEditItem Value="4" Text="14.00-16.00" />--%>
                        </Items>
                        <ValidationSettings ValidationGroup="Step3" RequiredField-IsRequired="true" RequiredField-ErrorText="Venligst vælg tidsrum for hjulskift"></ValidationSettings> 
                    </dx:ASPxRadioButtonList>
                    <hr style="width:593px; text-align:left" />
                    <table width="200px">
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnPrevious2" runat="server" Text="Forrige" 
                                    onclick="btnPrevious2_Click">
                                </dx:ASPxButton>
                            </td>
                            <td align="right">
                                <dx:ASPxButton ID="btnNext3" runat="server" Text="Næste" ValidationGroup="Step3" 
                                    onclick="btnNext3_Click">
                                </dx:ASPxButton>        
                            </td>
                        </tr>
                    </table>
                    <br />
                </asp:Panel>

                <asp:Panel ID="pDateNotOk" runat="server" Visible="false">
                    Du har angivet at de mulige dato'er ikke passer dig.<br />
                    <br />
                    Venligst udfyld nedenstående og vi vil udfra dette forsøge at booke dig ind<br />

                    <dx:ASPxCheckBox ID="cbNewDate" Text="Ønsker anden dato" runat="server">
                    </dx:ASPxCheckBox>

                    <dx:ASPxCheckBox ID="cbOtherAddress" Text="Ønsker hjulskift udført andet sted" runat="server">
                    </dx:ASPxCheckBox>
                    <br />
                    Kommentar:
                    <dx:ASPxMemo ID="txtComment" runat="server" Height="100px" Width="170px">
                        <ValidationSettings ValidationGroup="Step3b" RequiredField-IsRequired="true" RequiredField-ErrorText="Navn skal udfyldes" ErrorDisplayMode="ImageWithTooltip"></ValidationSettings>
                    </dx:ASPxMemo>
                    <hr style="width:593px; text-align:left" />
                    <table width="200px">
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnPrevious2b" runat="server" Text="Forrige" 
                                    onclick="btnPrevious2b_Click">
                                </dx:ASPxButton>
                            </td>
                            <td align="right">
                                <dx:ASPxButton ID="btnNext3b" runat="server" Text="Næste" ValidationGroup="Step3b" 
                                    onclick="btnNext3b_Click">
                                </dx:ASPxButton>        
                            </td>
                        </tr>
                    </table>
                    <br />
                </asp:Panel>

                <asp:Panel ID="pConfirm" runat="server" Visible="false">
                    
                    Godkend din booking:
                    <br />
                    <br />
                    <asp:Label ID="lblSelectedName" runat="server" Text=""></asp:Label><br />
                    <asp:Label ID="lblSelectedEmail" runat="server" Text=""></asp:Label><br />
                    <asp:Label ID="lblSelectedRegNumber" runat="server" Text=""></asp:Label><br />
                    <asp:Label ID="lblSelectedDate" runat="server" Text=""></asp:Label><br />
                    <asp:Label ID="lblSelectedTime" runat="server" Text=""></asp:Label><br />
                    <asp:Literal ID="lblOther" runat="server"></asp:Literal><br />
                    <br />
                    Yderligere bemærkninger/kommentarer:
                    <dx:ASPxMemo ID="lblOtherComments" runat="server" Height="100px" Width="170px" NullText="Indtast yderligere kommentarer til din booking hvis ønsket">
                    </dx:ASPxMemo><br />
                    <br />
                    <asp:Label ID="lblConfirmMessage" runat="server" Text=""></asp:Label>
                    <hr style="width:593px; text-align:left" />
                    <table width="200px">
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnPrevious3" runat="server" Text="Forrige" 
                                    onclick="btnPrevious3_Click">
                                </dx:ASPxButton>
                            </td>
                            <td align="right">
                                <dx:ASPxButton ID="btnConfirm" ClientInstanceName="btnConfirm" runat="server" Text="Bekræft" onclick="btnConfirm_Click">
                                    <%--<ClientSideEvents Click="function (s,e) { btnConfirm.SetEnabled(false) }" />--%>
                                </dx:ASPxButton>        
                            </td>
                        </tr>
                    </table>

                </asp:Panel>
                

                <asp:Panel ID="pNoMoreCapacity" runat="server" Visible="false">
                    
                    Alle vores pladser for hjulskift på Sundkrogsgade 4 er desværre booket.<br /><br />
                    Vi er netop igang med at kontakte de folk der ikke er booket ind, men du kan kontakte os på nedenstående mail adresse for at blive kontaktet hurtigere:<br /><br />
                    <a href="mailto:support@mobilhjulskift.dk">support@mobilhjulskift.dk</a><br />

                </asp:Panel>

                
            </ContentTemplate>
        </asp:UpdatePanel>

        <img src="../Images/CVI/brevpapir_bund.gif" />
    </div>
    </form>
</body>
</html>
